<template>
  <div class="layout">
    <el-container class="container">
      <el-header style="height: 68px; background-color:  #1d2636; padding: 0;" v-if="!route.meta.hideHeader">
        <GlobalHeader />
      </el-header>
      <el-main class="main2">
        <el-scrollbar height="100%">
          <router-view />
        </el-scrollbar>
        
      </el-main>
    </el-container>
  </div>
</template>

<script setup>
import GlobalHeader from "@/components/GolobalHeader.vue";
import { useRoute } from 'vue-router';

const route = useRoute();
</script>

<style>
.layout {
  height: 100%;
}

.container {
  height: 100%;
}

.main2 {
  height: 100%;
  padding: 0 !important;
}
</style>
